<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>

  <!-- 之前的写法 -->
  <link rel="stylesheet" href="xxx.css">

  <!-- 还可以这样写 -->
  <!-- preload 资源在当前页面使用，会优先加载 -->
  <link rel="preload" href="xxx.css" as="style">
  <link rel="preload" href="xxx.js" as="script">

  <!--prefetch 资源在未来页面使用，会在空闲时加载 -->
  <link rel="prefetch" href="xxx.js" as="script">


  <link rel="preconnect" href="https://fonts.sfdsf.com/1.css" as="style">
</head>
<body>
  
</body>
</html>